<template>
   <div class="block">
      <div class="header-wrap">
      <!-- 标题 -->
         <div class="header-bar">
            <div class="title">
               <h1>基于社会行为数据城市认知系统</h1>
            </div>
            <div class="left">
              <Nav/>
            </div>
            <div class="right">
               <div class="system-time">
                  {{getNowFormatDate()}}
               </div>
               <div class="user-login header-btn" @click="back">
                  <i class="iconfont icon-fanhui"></i>
                  返回
               </div>

            </div>
         </div>
      </div>

      <div class="content-box">
         <iframe src="http://172.30.10.185:8062/index.html" width="100%" height="100%"   frameborder="1/0"  name="iframe名称"     scrolling="yes/no/auto"></iframe>
      </div>

   </div>
</template>

<script>
import Nav from "@/components/Header/Nav";
export default {
  name: "HeaderWrap",
  components: {
    Nav
  },
  data(){
    return{
      
    }
  },
  computed:{
  
  },
  methods:{
   getNowFormatDate() {//获取当前时间
      var date = new Date();
      // var seperator1 = " - ";
      var seperator2 = ":";
      var month = date.getMonth() + 1<10? "0"+(date.getMonth() + 1):date.getMonth() + 1;
      var strDate = date.getDate()<10? "0" + date.getDate():date.getDate();
      var currentdate = date.getFullYear() + '年'  + month  + '月'  + strDate
          + "日 "  + date.getHours()  + seperator2  + date.getMinutes()
      return currentdate;
    },
    back(){
      this.$router.push({path: '/home'});
    }
  },
  created() {
    
  },
};
</script>

<style lang="stylus" scoped>
@import url('//at.alicdn.com/t/font_1151041_s68eetj4fbo.css');

// #00f6ff 主色
.block
   width 100%
   height 100%

.header-wrap
  width 100%
  position relative
  height 50px

.content-box
   width 100%
   height calc(100% - 50px)

    
  .header-bar
    height 100%
    position relative
    border-top 2px solid #00f6ff

    .left
      float left 

    .right 
      float right

      div
        float left

      .header-btn
        background #303a58
        line-height 32px
        padding 0 10px
        font-size 12px
        color #c0c4cc
        box-shadow inset 0 0 3px 3px rgba(255,255,255,.1)
        margin 8px 10px 0
        cursor pointer

        i
          font-size 14px

      .system-time
        line-height 50px
        margin 0 10px
        color #c0c4cc

    .title
      height 60px
      width 580px
      background url('../../assets/img/logo_bg.png') no-repeat
      background-size 100% 100%
      position absolute
      z-index 1
      left 50%
      top -2px
      margin-left -302.5px

      h1
        letter-spacing 2px
        line-height 64px
        font-size 24px
        color #fff
        margin 0 auto
        text-align center    


.header-wrap /deep/ .el-dropdown
  color #c0c4cc


</style>